<template>
  <div>
    <Row>
      <Col :xs="2" :sm="4" :md="6" :lg="8">
      <h3>{{myName}}:</h3>
      </Col>
      <Col :xs="20" :sm="16" :md="12" :lg="8">
      <transition>
        <keep-alive>
          <router-view></router-view>
        </keep-alive>
      </transition>
      </Col>
      <Col :xs="2" :sm="4" :md="6" :lg="8">
      <input type="text" v-model="optionValue"/>
      </Col>
    </Row>
  </div>
</template>
<script>
  import {MsgBus} from '../components/js/msgBus';
  import $ from 'jquery';
  export default {
    name: 'Content',
    data(){
      return {
        optionValue: ''
      }
    },
    computed: {
      myName () {
        return this.$store.state.userName
      }
    },
    mounted() {
      let that = this;
      MsgBus.$on("msg", function (d) {
        console.log(d);
        that.optionValue = d;
      });

    }
  }
</script>
